<template>
    <div id="footer" @click="changeone">
       <slot name="two"></slot>
        header{{one}}
        <slot name="one"/>
    </div>
</template>
<script>
    export default {
        props:{
            one:{
                type: String,
                require:true
            }
        }
        ,
        data:function () {

        },methods:{
            changeone(){
                this.$emit("onechange","one被改变了")
            }


        }
    }

</script>
<style scoped>
    #footer{
        background-color: antiquewhite;
        height: 200px;
        text-align: center;
        line-height: 200px;
    }
</style>